// Created by lifei on 2020/7/21--9:19.
<template>
    <div class="card-box">
        <div class="card-title">
            <span>物业权属</span>
            <el-button-group>
                <el-button size="small" type="primary">政府产权</el-button>
                <el-button size="small">租用</el-button>
                <el-button size="small">借用</el-button>
                <el-button size="small">无</el-button>
                <el-button size="small">其他</el-button>
            </el-button-group>
        </div>
        <div class="card-box">
            <div class="card-title">
                <span>政府产权</span>
                <div class="all-center">
                    <el-button type="text">新增</el-button>
                    <span class="btn-line"></span>
                    <el-button type="text">
                        <span class="text-danger">删除</span>
                    </el-button>
                </div>
            </div>
            <div class="margin-box">
                <el-table
                    :data="tableData"
                    align="center"
                    @selection-change="selectionChange">
                    <el-table-column
                        label="物业编号"
                        prop="number">
                    </el-table-column>
                    <el-table-column
                        label="物业名称"
                        prop="name">
                    </el-table-column>
                    <el-table-column
                        label="物业面积"
                        prop="area">
                    </el-table-column>
                    <el-table-column
                        label="物业类型"
                        prop="type">
                    </el-table-column>
                    <el-table-column
                        label="物业街道"
                        prop="address">
                    </el-table-column>
                    <el-table-column
                        label="物业位置"
                        prop="position">
                    </el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "base-info",
        data() {
            return {
                input: '',
                value: '',
                tableData: [],
                area: [],
                form: {},
            }
        },
        mounted() {
        },
        methods: {
            selectionChange(list) {

            }
        }
    }
</script>

<style scoped lang='scss'>
    

    @include formWrap();

</style>
